﻿<!DOCTYPE html>
<html>
<head>
    <title>吴淞学区红色电影征文活动</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <style type="text/css">

        body {
            background-color: #fffcef;
            /*去除移动端webkit浏览器点击按钮或超链接默认灰色背景色*/
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        }

        .wrap_menu {
            position: fixed;
            bottom: 0.5em;
            width: 100%;
            text-align: center;
        }

        .menu_item {
            display: inline-block;
            background-color: red;
            color: white;
            height: 2em;
            line-height: 2em;
            width: 6em;
            border-radius: 1em;
            text-decoration: none;
            border: 1px solid red;
        }

            .menu_item:active {
                background-color: white;
                color: red;
            }
    </style>
</head>
<body>
    <section style="font-size: 14px;">
        <section class="_135editor" style="position: static;">
            <section style="margin-top: 10px; margin-right: 0%; margin-left: 0%; position: static;">
                <section style="display: inline-block; width: 100%; vertical-align: top; background-color: rgb(255, 252, 238);">
                    <section class="_135editor" style="position: static;">
                        <section style="margin-right: 0%; margin-left: 0%; position: static;">
                            <section style="background-color: rgb(182, 44, 37); height: 4px;"></section>
                        </section>
                    </section>
                    <section class="_135editor" style="position: static;">
                        <section style="text-align: center; margin: 10px 0%; position: static;">
                            <section style="display: inline-block; width: 95%; vertical-align: top; border-width: 1px; border-radius: 0px; border-style: solid; border-color: rgb(184, 153, 112); padding: 10px;">
                                <section class="_135editor" style="position: static;">
                                    <section style="margin-top: 10px; margin-bottom: 10px; position: static;">
                                        <section style="display: inline-block; padding-top: 3px; padding-bottom: 3px; border-top: 1px solid rgb(184, 153, 112); border-bottom: 1px solid rgb(184, 153, 112); border-right-color: rgb(184, 153, 112); border-left-color: rgb(184, 153, 112);">
                                            <section style="padding-right: 5px; padding-left: 5px; display: inline-block; background-color: rgb(182, 44, 37); color: rgb(255, 255, 255); font-size: 16px;">
                                                <p>
                                                    2、《厉害了,我的国》观后感
                                                </p>
                                            </section>
                                        </section>
                                    </section>
                                </section>
                                <section class="_135editor">
                                    <section style="position: static;">
                                        <section style="text-align: left;">
                                            <p>
                                                <br />
                                            </p>
                                        </section>
                                    </section>
                                </section>
                                <section class="_135editor" style="position: static;">
                                    <section style="margin-top: 10px; margin-bottom: 10px; position: static;">
                                        <section style="max-width: 100%; vertical-align: middle; display: inline-block;">
                                            <img width="100%" src="../asset/images/dj_cover/2.jpg" style="vertical-align: middle;" data-ratio="0.6015625" data-w="640" />
                                        </section>
                                    </section>
                                </section>
                                <section class="_135editor">
                                    <section style="position: static;">
                                        <section style="text-align: left; color: rgb(110, 85, 51); line-height: 1.8;">
                                            <p style="text-indent: 2em;">
                                                一直以来纪录片处于不冷不热的状态，从没有哪一部片子会有人去追捧，而《厉害了,我的国》这部纪录片却是一个例外。在上映首日就夺得了中国纪录电影首日票房冠军，没有哗众取宠的炒作，没有商业喧哗的吵闹，却深受观众欢迎。这部纪录电影何以逆袭？我们从影片的背后看到了什么？
                                            </p>
                                            <p style="text-indent: 2em;">
                                                看到了辉煌成就。影片分别从交通、科技、工程、经济、扶贫、生态文明、文化教育、社会保障、军队建设等方面大气磅礴地展示了中国这五年的伟大成就。振华30”、“蓝鲸2号”、“天宫二号”……这些珍贵的影像是中国科研领域硕果累累的真实反映；中国桥、中国路、中国车、中国港、中国网……一幕幕壮观的镜头气势恢宏，凝聚的是中国力量，展示的是大国风采，一次又一次点燃了作为中国人的骄傲。这些成就并不是孤单的数字和概念，而是我们生活的缩影，是国家日新月异的发展巨变。这些辉煌的成就让每一位中国人感受到没有国哪有家，只有祖国的强大，才有百姓的幸福。
                                            </p>
                                            <p style="text-indent: 2em;">
                                                看到了责任担当。从圆梦工程、创新驱动、协调发展再到绿色中国、共享小康、开放中国，这里面有超级工程、高级工程师，也有普通人、平凡事，最动人的就是，相继出镜的一个个普通老百姓，用他们的亲身经历，倾诉生活的点滴，汇聚成看得见、摸得着的获得感、幸福感、安全感、自豪感。从基层扶贫的工作人员到入户工作的健康管理员，从保家卫国的现代强军到守望世界最大人工林的坝上三代人……影片从“小家”的角度切入，讲述平凡百姓的生活变迁。在很多看似不起眼的镜头里，我们看到了人民群众在全面建成小康社会的征程中的责任担当，不畏艰难、埋头苦干、开拓进取的精神和情操。靠着努力奋斗，百姓幸福前所未有！
                                            </p>
                                            <p style="text-indent: 2em;">
                                                看到了爱国情怀。“国家好，民族好，大家才会好。”回望这五年，是党和国家发展进程中极不平凡的五年，是13亿多中国人民获得感、幸福感日渐增强的五年，是中国发展、世界受益的五年。荧幕上的讲述，唤起了每个中国人内在的自信，感受到了作为一个中国人内心的骄傲感和自豪感。每一个人都热爱自己的祖国，祖国是我们的“大家”，只有“大家”兴旺繁荣了，我们才能拥有幸福的“小家”生活。影片的高票房率来自于民众的浓烈的爱国情怀，我们关注着这个祖国的每一个细小进步，为她自豪、为她骄傲、为她点赞！
                                            </p>
                                            <p style="text-indent: 2em;">
                                                回眸过去的五年，我们看到了国家科技的飞速发展，我们看到了国富民强的强大中国，我们看到了环境美好的祖国家园，我们看到了百姓生活的幸福安逸。这些最美画面让我们每一位中国人由衷赞叹“厉害了，我的国！”
                                            </p>
                                        </section>
                                    </section>
                                </section>
                            </section>
                        </section>
                    </section>
                    <section class="_135editor" style="position: static;">
                        <section style="margin-right: 0%; margin-left: 0%; position: static;">
                            <section style="background-color: rgb(182, 44, 37); height: 4px;"></section>
                        </section>
                    </section>
                </section>
            </section>
        </section>
    </section>
    <p>
        <br />
    </p>
    <section class="wrap_menu">
        <a id="menu_vote" class="menu_item">投票</a>&nbsp;&nbsp;
        <a id="menu_back" href="../index.html?back=a" class="menu_item">返回</a>
    </section>
    <script src="http://cdn.bootcss.com/zepto/1.1.4/zepto.min.js" type="text/javascript"></script>
    <script src="../asset/js/utils.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var articleId = "45B8DA8C-A7BA-457E-A375-94A2A7648371";
            var user = getCookie("wusong_user");
            var openId = JSON.parse(user).OpenID;
            var nickName = JSON.parse(user).NickName;
            var total;

            $.getJSON("../api/user/" + openId, function (data) {

                total = data.ThumbupCount;

                console.log("get user total of thumbup : " + total);

                //设置点赞按钮状态
                if (data.ThumbupCount >= 3) {
                    $("#menu_vote").css("background-color", "gray");
                    $("#menu_vote").unbind("click");
                }
            });

            $("#menu_vote").click(function () {

                var model = { "openid": openId, "nickname": nickName, "articleid": articleId };

                $.ajax({
                    url: "../api/thumbup/",
                    contentType: "application/json; charset=utf-8",
                    type: "POST",
                    data: JSON.stringify(model),
                    error: function (data) {
                        console.log(data);
                    },
                    success: function (data) {
                        total++;
                        console.log("vote ok. Total of thumbup : " + total);

                        if (total >= 3) {
                            $("#menu_vote").css("background-color", "gray");
                            $("#menu_vote").unbind("click");
                        }

                    }
                });

            });

        });

    </script>
</body>
</html>